<template>
    <div>
        <div class="container">
            <!--设计优势-->
            <div class="sheji clearfix">
                <div class="youshi-big-title hidden-sm hidden-xs">

                </div>
                <div class="youshi-small-title hidden-md hidden-lg">

                </div>
                <!--下面的图片文字 pc-->
                <div class="youshi-img-box hidden-xs hidden-sm">
                    <!--左边-->
                    <div class="youshi-left">

                    </div>
                    <!--右边-->
                    <div class="youshi-right">
                        <!--右边上部-->
                        <div class="youshi-right-top">
                            <p>专业的设计团队</p>
                            <p>独特的视角，天马行空的想象力</p>
                            <p>10年专注于为餐饮行业提供专业服务</p>
                            <p class="english-word">fantastical imagination 10 years to focus on for the catering
                                industry
                                to provide services</p>
                        </div>
                        <!--右边下部-->
                        <div class="youshi-right-bottom">

                        </div>
                    </div>
                </div>
                <!--下面的图片文字 移动-->
                <div class="youshi-img-box-small hidden-md hidden-lg">
                    <div class="youshi-img-box-small-top"></div>
                    <div class="youshi-img-box-small-mid">
                        <p>专业的设计团队</p>
                        <p>独特的视角，天马行空的想象力</p>
                        <p>10年专注于为餐饮行业提供专业服务</p>
                        <p class="english-word">fantastical imagination 10 years to focus on for the catering industry
                            to provide services</p>
                    </div>
                    <div class="youshi-img-box-small-bottom"></div>
                </div>
            </div>

            <!--研发优势-->
            <div class="yanfa clearfix">
                <!--标题  pc-->
                <div class="yanfa-title">

                </div>
                <!--下面的文字图片 pc-->
                <div class="yanfa-img-box">
                    <!--左边-->
                    <div class="yanfa-left">
                        <p>我们有专业的产品研发团队</p>
                        <p>结合各地加盟商实际情况组织形式多样的活动</p>
                        <p> 我们会结合市场需求积极研发更多让人追捧的新品</p>
                        <p class="english-word">We have a professional product development team in combination with the
                            practical situation of franchisees</p>
                    </div>
                    <div class="yanfa-right">

                    </div>
                </div>
            </div>

            <!--运营管理 pc-->
            <div class="yunying manage">
                <!--标题-->
                <div class="manage_title">

                </div>
                <!--内容-->
                <div class="manage_content">
                    <div class="one wow fadeInLeft">定期到店回访+电话回访<br/>
                        （实时反馈，信息收集，数据分析，解决问题）</div>
                    <div class="two wow fadeInLeft" data-wow-delay="0.1s">餐饮运营营销方案的策划提议 </div>
                    <div class="three wow fadeInLeft" data-wow-delay="0.2s">全系列餐品包括新品制作方法培训 </div>
                    <div class="four wow fadeInLeft" data-wow-delay="0.3s">制定员工绩效，考核制度方案</div>
                    <div class="five wow fadeInLeft" data-wow-delay="0.4s">对学员进行考试以及做考试反馈合格 </div>
                </div>
            </div>
        </div>

    </div>
</template>

<script>

    export default {
        name: "youshi",
        components: {}
    }
</script>

<style lang="less">
    /*设计优势*/
    .sheji {
        margin-top: 84px;
        border-top: 1px solid transparent;
        /*pc 标题*/

        .youshi-big-title {
            width: 171px;
            height: 57px;
            margin: 0 auto;
            background: url("../../assets/images/product/sheji_title_small.png");
        }

        /*下面的图片文字 pc*/

        .youshi-img-box {

            /*左边*/
            width: 967px;
            height: 540px;
            /*background-color: pink;*/
            margin: 84px auto;

            .youshi-left {
                width: 600px;
                height: 540px;
                /*background-color: #a6e1ec;*/
                background: url("../../assets/images/product/sheji_left.png") no-repeat center center;
                float: left;
            }

            /*右边*/

            .youshi-right {
                padding-left: 44px;
                padding-top: 50px;
                float: right;
                width: 367px;
                height: 540px;
                /*background-color: #4cae4c;*/
                /*右边上部*/

                .youshi-right-top {
                    width: 100%;
                    height: 50%;
                    /*background-color: #66afe9;*/

                    p {
                        font-size: 20px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 40px;
                        letter-spacing: 0px;
                        color: #333333;

                        &.english-word {
                            margin-top: 40px;
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 20px;
                            letter-spacing: 0px;
                            color: #999999;
                        }
                    }
                }

                /*右边下部*/

                .youshi-right-bottom {
                    width: 100%;
                    height: 50%;
                    /*background-color: #843534;*/
                    background: url("../../assets/images/product/sheji_right.png") no-repeat center center;
                }
            }
        }

    }

    /*研发优势*/
    .yanfa {
        /*标题 pc*/
        border-top: 1px solid transparent;

        .yanfa-title {
            height: 57px;
            background: url("../../assets/images/product/yanfa_title_small.png") no-repeat center center;
        }

        /*下面的文字图片  pc*/

        .yanfa-img-box {
            width: 1042px;
            height: 300px;
            /*background-color: pink;*/
            margin: 90px 0;
            /*margin-left: 90px;*/
            /*左边*/

            .yanfa-left {
                float: left;
                width: 445px;
                height: 100%;
                /*background-color: #66afe9;*/
                margin-top: 40px;

                p {
                    font-size: 20px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 40px;
                    letter-spacing: 0px;
                    color: #333333;
                    text-align: right;

                    &.english-word {
                        margin-top: 40px;
                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 20px;
                        letter-spacing: 0px;
                        color: #999999;
                    }
                }
            }

            /*右边*/

            .yanfa-right {
                float: left;
                margin-left: 50px;
                width: 545px;
                height: 100%;
                background-color: #2b542c;
                background: url("../../assets/images/product/yanfa_right.png") no-repeat center center;
            }
        }
    }

    /*运营管理  pc*/
    .manage {
        /*标题*/

        .manage_title {
            height: 57px;
            background: url("../../assets/images/product/manage_title.png") no-repeat center center;
            margin-bottom: 49px;
        }

        /*内容*/

        .manage_content {
            height: 419px;
            background: url("../../assets/images/product/manage_bac.png") no-repeat left center;
            position: relative;

            div {
                position: absolute;
                font-size: 20px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 40px;
                color: #333333;

                &.one {
                    width: 435px;
                    text-align: right;
                    top: 50px;
                    left: -80px;
                }

                &.two {
                    top: 223px;
                }

                &.three {
                    top: 340px;
                    text-align: right;
                    left: 60px;
                }

                &.four {
                    top: 131px;
                    right: 50px;
                }
                &.five{
                    top: 280px;
                    right: 50px;
                }
            }
        }
    }


</style>